<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="../common/taglib.jsp" %>
<div class="resume-title">
        专业技能
    <img alt="" src="../images/edit_btn.jpg" onclick="show('skilladd','skilltag')" align="right" style="cursor: hand">
</div>	    

<div class="resume-skill-tag" id="skilltag">
<div id="NTGUID__a">
	  <div class="resume-complete clearfix">  
	  <c:forEach var="skill" items="${ resume.skillInfo}">
	      <p class="skill-tag">${skill.skill }</p>      
	  </c:forEach> 
	  </div>
</div>
</div>

<div id="NTGUID__10">
<div class="resume-edit" id="skilladd" style="display:none">
      <h2 class="title">已添加：</h2>
	      <div class="resume-complete clearfix">  
	      <c:forEach var="skill" items="${ resume.skillInfo}">
		      <p class="skill-tag">${skill.skill }</p>     
		  </c:forEach> 
	 	 </div>	 
      <p class="new-tag-title">快速添加您擅长的技能标签</p>
      	<c:forEach var="skillInfo" items="${skillInfo}">
		      <p class="skill-tag" onclick="selectTag(this,${skillInfo.id })" >${skillInfo.skill }</p>     
		</c:forEach>     
    <form:form action="saveskill" method="post">		
      	<input type="hidden" class="text" name="skillId" id="skillId" >
      	<input type="hidden" class="text" name="resumeId" value="${resume.id }" >
      <fieldset class="text-center btns">
        <input type="submit" class="btn btn-primary" name="" value="保 存">
        <a href="javascript:;" onclick="hide('skilladd','skilltag')" >取消</a>
      </fieldset>
    </form:form>
  </div>
</div>

<script type="text/javascript" >
	function selectTag(tag,id){		
		document.getElementById("skillId").value=id;
		if(tag.style.backgroundColor==""){
			tag.style.backgroundColor="yellow";
		}else if(tag.style.backgroundColor=="yellow"){
			tag.style.backgroundColor="";
		}
	}
</script>

